<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="redis" uri="http://www.shopjsp.com/redisTag/functions" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="basePath" value="${redis:getSysConfig('base_path_back')}"/>
<c:set var="uploadPath" value="${redis:getSysConfig('uploadFileVisitRoot')}"/>
<script type="text/javascript">
    /**
     * 自定义验证规则
     */
    function validateForm() {
        form.bootstrapValidator({
            message: "无效的值",
            feedbackIcons: {
                valid: "glyphicon glyphicon-ok",
                invalid: "glyphicon glyphicon-remove",
                validating: "glyphicon glyphicon-refresh"
            },
            fields: {
                imageInfo_1: {
                    validators: {
                        //notEmpty: {message: "请上传图片"},
                        file: {maxSize: 1024 * 1024, message: '请上传一张最大不超过1M的jpg/png/gif图片文件'}
                    }
                },
                imageInfo_2: {
                    validators: {
                        //notEmpty: {message: "请上传图片"},
                        file: {maxSize: 1024 * 1024, message: '请上传一张最大不超过1M的jpg/png/gif图片文件'}
                    }
                },
                imageInfo_3: {
                    validators: {
                        //notEmpty: {message: "请上传图片"},
                        file: {maxSize: 1024 * 1024, message: '请上传一张最大不超过1M的jpg/png/gif图片文件'}
                    }
                },
                sortName: {
                    validators: {
                        notEmpty: {message: "PC分类名称不可为空"},
                        stringLength: {min:2,max: 50, message: "PC分类名称长度为2至50"}
                    }
                },
                sortAppName: {
                    validators: {
                        notEmpty: {message: "APP分类名称不可为空"},
                        stringLength: {min:2,max: 50, message: "APP分类名称长度为2至50"}
                    }
                },
                sortCode: {
                    validators: {
                        notEmpty: {message: "分类排序不可为空"},
                        stringLength: {max: 8, message: "分类排序最大长度为8"},
                        numeric: {
                            message: '只能输入数字'
                        }
                    }
                },
                categoryDescription: {
                    validators: {
                        notEmpty: {message: "分类描述不可为空"},
                        stringLength: {min:2,max: 150, message: "分类描述长度为2至150"},
                    }
                }
            }
        });
    }

    /**
     * 添加商品分类
     */
	<shiro:hasPermission name="back_gotoProductTypePage_add">
    function addInfo() {
        $("#myModalLabel").empty().text("添加商品分类信息");
        /**清空隐藏域的值**/
        $("#imageUrl_1").val("");
        $("#imageUrl_2").val("");
        $("#imageUrl_3").val("");
        $("#form1").find("#productTypeId").val("");
        $("#isLeaf").val("");
        $("#levelCode").val("");
        $("#loadType").val("");
        $("#industrySpecific").val("");
        /**设置固定隐藏域的值  通过左侧的树节点点击展示右侧的子节点列表，则节点的id为列表的子节点的父id**/
        $("#parentId").val($("#q_productTypeId").val());

        /**回写预览上传文件所需的信息，如果有上传图片功能添加此代码，否则可以去掉**/
        initImageForAdd(1,"sys_shop", "image_productType", 1, 200, 200);
        initImageForAdd(2,"sys_shop", "image_productType", 1, 200, 200);
        initImageForAdd(3,"sys_shop", "image_productType", 1, 200, 200);
        resetAddForm();
    }
	</shiro:hasPermission>

    /**
     * 编辑商品分类信息
     */
	<shiro:hasPermission name="back_gotoProductTypePage_update">
    function editInfo() {
        $("#myModalLabel").empty().text("修改商品分类信息");
        /**获取选中行的id**/
        var selectedRow = $("#tt").bootstrapTable('getSelections');
        if (selectedRow.length == 1) {
            var id = selectedRow[0].productTypeId;
            $("#btn_edit").attr("data-target", "#addOrEditModal");/**选中了记录后才可打开对应的模态框**/
            $.ajax({
                type: "POST",
                dataType: "JSON",
                url: "${basePath}/back/productType/getProductTypeObject.sjson",
                data: {productTypeId: id},
                success: function (result) {
                    var data = JSON.parse(result.data);
                    /**隐藏域**/
                    $("#form1").find("#productTypeId").val(data.productTypeId);
                    $("#parentId").val(data.parentId);
                    $("#isLeaf").val(data.isLeaf);
                    $("#levelCode").val(data.levelCode);
                    $("#loadType").val(data.loadType);
                    $("#industrySpecific").val(data.industrySpecific);
                    $("#imageUrl_1").val(data.categoryImage);
                    $("#imageUrl_2").val(data.categoryImageWx);
                    $("#imageUrl_3").val(data.categoryImageApp);
                    /**可见表单控件**/
                    $("#sortName").val(data.sortName);
                    $("#sortAppName").val(data.sortAppName);
                    $("#sortCode").val(data.sortCode);
                    $("#categoryDescription").val(data.categoryDescription);
                    $("#isShow_" + data.isShow).attr("checked", "checked");
                    $("#isRecommend_" + data.isRecommend).attr("checked", "checked");

                    /**回写预览上传文件所需的信息，如果有上传图片功能添加此代码，否则可以去掉**/
                    initImageForUpdate(1,"sys_shop", "image_productType", 1, 200, 200, "${uploadPath}", data.categoryImage);
                    initImageForUpdate(2,"sys_shop", "image_productType", 1, 200, 200, "${uploadPath}", data.categoryImageWx);
                    initImageForUpdate(3,"sys_shop", "image_productType", 1, 200, 200, "${uploadPath}", data.categoryImageApp);
                    reValidateForm();
                    removeValidateField('imageInfo_1');
                    removeValidateField('imageInfo_2');
                    removeValidateField('imageInfo_3');
                }
            });
        } else {
            $("#btn_edit").attr("data-target", "");/**没有选中记录不可打开模态框**/
            showMsg("请选择一行记录！");
        }
    }
	</shiro:hasPermission>
</script>

<!--添加编辑模态框（Modal） -->
<div class="modal fade" id="addOrEditModal"  tabindex="-1"  role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" style="overflow:auto">
	<div class="modal-dialog" style="width:70%">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h5 class="modal-title" id="myModalLabel"></h5>
			</div>
			<div class="modal-body">
				<form id="form1" method="post" action="${basePath}/back/productType/saveOrEditProductType.sjson">
					<input id="productTypeId" type="hidden" name="productTypeId" noclear="true"/>
					<input id="parentId" type="hidden" name="parentId" value=""/>
					<input id="isLeaf" type="hidden" name="isLeaf" />
					<input id="levelCode" type="hidden" name="levelCode" value=""/>
					<input id="loadType" type="hidden" name="loadType" value=""/>
					<input id="industrySpecific" type="hidden" name="industrySpecific" value=""/>
					<table align="center" class="addOrEditTable table-bordered table" style="width:100%;">
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>PC端图片:&nbsp;&nbsp;</td>
							<td class="toleft_td" colspan="3">
								<div class="container">
									<input id="imageUrl_1" type="hidden" name="categoryImage" value=""/>
									<div class="form-group" id="fileWrap1"></div>
								</div>
								<span style="color:red">提示：请上传规格宽200px，高200px的图片</span>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>微信端图片:&nbsp;&nbsp;</td>
							<td class="toleft_td" colspan="3">
								<div class="container">
									<input id="imageUrl_2" type="hidden" name="categoryImageWx" value=""/>
									<div class="form-group" id="fileWrap2"></div>
								</div>
								<span style="color:red">提示：请上传规格宽200px，高200px的图片</span>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>APP端图片:&nbsp;&nbsp;</td>
							<td class="toleft_td" colspan="3">
								<div class="container">
									<input id="imageUrl_3" type="hidden" name="categoryImageApp" value=""/>
									<div class="form-group" id="fileWrap3"></div>
								</div>
								<span style="color:red">提示：请上传规格宽200px，高200px的图片</span>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>PC分类名称:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<input type="text" class="form-control input-sm" id="sortName" name="sortName" placeholder="请输入PC分类名称"/>
								</div>
							</td>
							<td class="toright_td" width="150px"><span style="color:red">* </span>APP分类名称:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<input type="text" class="form-control input-sm" id="sortAppName" name="sortAppName" placeholder="请输入APP分类名称"/>
								</div>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>分类排序:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<input type="text" class="form-control input-sm" id="sortCode" name="sortCode" placeholder="请输入分类排序"/>
								</div>
							</td>
							<td class="toright_td" width="150px"><span style="color:red">* </span>分类描述:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<div class="form-group">
									<input type="text" class="form-control input-sm" id="categoryDescription" name="categoryDescription" placeholder="请输入分类描述"/>
								</div>
							</td>
						</tr>
						<tr>
							<td class="toright_td" width="150px"><span style="color:red">* </span>是否显示:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<label class="checkbox-inline">
									<input type="radio" name="isShow" id="isShow_1" class="radioInput" value="1" checked="checked">&nbsp;已显示
								</label>
								<label class="checkbox-inline">
									<input type="radio" name="isShow" id="isShow_0" class="radioInput" value="0">&nbsp;未显示
								</label>
							</td>
							<td class="toright_td" width="150px"><span style="color:red">* </span>是否推荐:&nbsp;&nbsp;</td>
							<td class="toleft_td">
								<label class="checkbox-inline">
									<input type="radio" name="isRecommend" id="isRecommend_1" class="radioInput" value="1" checked="checked">&nbsp;已推荐
								</label>
								<label class="checkbox-inline">
									<input type="radio" name="isRecommend" id="isRecommend_0" class="radioInput" value="0">&nbsp;未推荐
								</label>
							</td>
						</tr>
					</table>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" id="validateBtn" class="btn btn-primary" onclick="submitForm()">保存</button>
				<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
